minor ui fix

2 files changed, 7 insertions, 5 deletions

diff --git a/src/app/kdrama/[id]/buttons.jsx b/src/app/kdrama/[id]/buttons.jsx
index 53ae594..789c3ac 100644
--- a/src/app/kdrama/[id]/buttons.jsx
+++ b/src/app/kdrama/[id]/buttons.jsx
@@ -48,11 +48,11 @@ export default function EpisodesButtons({ data: episodeData, id: dramaId }) {
 								key={index}

 								onClick={(event) => {

 									test(item.id, dramaId, item.title);

-									event.target.style.backgroundColor =

+									event.currentTarget.style.backgroundColor =

 										"var(--soft-purple)";

 								}}

 							>

-								{item.title}

+								<p>{item.title}</p>

 							</button>

 						))}

 				</div>

diff --git a/src/app/kdrama/[id]/page.jsx b/src/app/kdrama/[id]/page.jsx
index 9a49c94..f6926c2 100644
--- a/src/app/kdrama/[id]/page.jsx
+++ b/src/app/kdrama/[id]/page.jsx
@@ -3,6 +3,8 @@ import Image from "next/image";
 import EpisodesButtons from "./buttons";

 import { PreFetchVideoLinks } from "../components/cacher";

 

+export const runtime = "edge";

+

 export default async function DramaInfo({ params }) {

 	const id = decodeURIComponent(params.id);

 	const info = await getDramaInfo(id);

@@ -17,8 +19,8 @@ export default async function DramaInfo({ params }) {
 						<p>{info.title}</p>

 						<Image

 							src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=${info.image}`}

-							width={160}

-							height={240}

+							width={175}

+							height={256}

 							alt="Drama Poster"

 							priority

 						/>

@@ -63,7 +65,7 @@ export default async function DramaInfo({ params }) {
 async function getDramaInfo(id) {

 	const res = await fetch(

 		`https://consumet-jade.vercel.app/movies/dramacool/info?id=${id}`,

-		{ next: { revalidate: 86400 } }

+		{ next: { revalidate: 21600 } }

 	);

 	const data = await res.json();

 	return data;